.calculator{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  .calculator-content{
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    background-color: #2c3e50;
    padding: 5px;
    .calculator-main{
      width: 90%;
      height: 100%;
      margin: 0 auto;
      text-align: left;
      .calculator-key{
        width: 23%;
        height: 23%;
        border: 1px solid #ffffff;
        display: inline-block;
        border-radius: 5% 5% 5% 5%;
        p{
          position: absolute;
          color: #ffffff;
          font-size: 25px;
          margin-left: 5%;
        }
      }
      .calculator-key-s{
        width: 23%;
        height: 23%;
        border: 1px solid #ffffff;
        display: inline-block;
        border-radius: 5% 5% 5% 5%;
        p{
          position: absolute;
          color: #ffffff;
          font-size: 25px;
          margin-left: 5%;
        }
      }
      #zero{
        width: 47.8%;
      }
      #ok{

      }
      #C{
        //background-color: red;
      }
    }
  }
}
